今天目的

今天新增一些語法，讓React可以好使用，今天比較忙，所以只能教比較少。

React箭頭函數

像這樣就是箭頭函數

  constructor(props) {
    super(props);
    this.state = {
     data:'asd',
    };//內部自定義的變數
   

    
  }
  
  show = ()  => {
    console.log(this.state.data);
  }

解構

像這樣解構，就可以不用打怎麼多this之類。

import React from 'react';
import Todolist from './Todolist';
import Searchbar from './Searchbar'
class App extends React.Component {
  
  constructor(props) {
    super(props);
    this.state = {
     data:'asd',
    };//內部自定義的變數
   

    
  }
  
  show = ()  => {
    console.log(this.state.data);
  }


  render() {
    const {show}=this;
    
    return(
      <div>
        <button onClick={show}> asdads </button>
      </div>
    );
  }
}
export default App;

參考資料

陣列解構、物件解構 很重要可以去看
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment